<div class="sub-header row" style="position:fixed;z-index:9;">
	<div class="large-10 large-offset-1 columns">
		<ul class="inline-list"> 
			<li><a href="<?=BASE_URI ?>feeds">Home</a></li>
			<li><a href="<?=BASE_URI ?>profile">Profile</a></li>
			<li><a href="<?=BASE_URI ?>dashboard">Dashboard</a></li>
			<li><a href="<?=BASE_URI ?>forum">Forum</a></li>
			<li><a href="<?=BASE_URI ?>calendar">Calendar</a></li>
			<li><a href="<?=BASE_URI ?>jobs">Job Board</a></li>
		 </ul>
	</div>
</div><br>

<script>
var mywindow = $(window);
var mypos = mywindow.scrollTop();
var up = false;
var newscroll;
mywindow.scroll(function () {
    newscroll = mywindow.scrollTop();
    if (newscroll > mypos && !up) {
        $('.sub-header').stop().slideToggle(100);
        up = !up;
        
    } else if(newscroll < mypos && up) {
        $('.sub-header').stop().fadeIn('fast','linear');
        up = !up;
    }
    mypos = newscroll;
});
</script>

<script>
$(function(){
    $(".header-user-wrap").hover(function(){
      $(this).find(".sub-header").fadeIn();
    }
                    ,function(){
                        $(this).find(".sub-header").fadeOut();
                    }
                   );        
});
</script>